<%--
  Created by IntelliJ IDEA.
  User: 戎成路
  Date: 2020/11/11
  Time: 9:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cs生态公司运营驾驶舱</title>
    <link rel="stylesheet" href="/css/planCheck/operationsCockpit_ZDJ/reset.css">
    <link rel="stylesheet" href="/css/planCheck/operationsCockpit_ZDJ/index.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <h1 class="header_title">cs生态公司运营驾驶舱</h1>
            <div class="time_box"><span class="show_time"></span></div>
        </div>
        <div class="content">
            <div class="column">
                <div class="panel">
                    <div class="chart" id="barModule"></div>
                    <div class="panel_footer"></div>
                </div>
                <div class="panel">
                    <div class="table_box">
                        <div class="table_header">
                            <dl class="table_content table_header_con">
                                <dd class="table_li">
                                    <div class="li_item">
                                        <div class="item_con">单位</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                        <div class="table_body">
                            <dl class="table_content table_body_con scroll_box">
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="panel_footer"></div>
                </div>
                <div class="panel" id="tableTwo">
                    <div class="table_box">
                        <div class="table_header">
                            <dl class="table_content table_header_con">
                                <dd class="table_li">
                                    <div class="li_item">
                                        <div class="item_con">单位</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                        <div class="table_body">
                            <dl class="table_content table_body_con scroll_box">
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="panel_footer"></div>
                </div>
            </div>
            <div class="column">
                <div class="map_content">
                    <div class="btn_group">
                        <div class="btn_box">
                            <button>顶层关注</button>
                        </div>
                        <div class="btn_box active">
                            <button>公司关注</button>
                        </div>
                        <div class="btn_box">
                            <button>区域关注</button>
                        </div>
                    </div>
                    <div class="dashboard">
                        <div class="dashboard_item">
                            <div class="chart" id="gaugeOne"></div>
                        </div>
                        <div class="dashboard_item">
                            <div class="chart" id="gaugeTwo"></div>
                        </div>
                        <div class="dashboard_item">
                            <div class="chart" id="gaugeThree"></div>
                        </div>
                    </div>
                    <div class="map">
                        <div class="chart" id="chinaMap"></div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="panel">
                    <div class="chart" id="barLineModule"></div>
                    <div class="panel_footer"></div>
                </div>
                <div class="panel">
                    <div class="chart" id="radarModule"></div>
                    <div class="panel_footer"></div>
                </div>
                <div class="panel">
                    <div class="table_box">
                        <div class="table_header">
                            <dl class="table_content table_header_con">
                                <dd class="table_li">
                                    <div class="li_item">
                                        <div class="item_con">单位</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                        <div class="table_body">
                            <dl class="table_content table_body_con scroll_box">
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                                <dd class="table_li scroll_item">
                                    <div class="li_item">
                                        <div class="item_con">公司总部公司总部</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">任务名称1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">负责人1</div>
                                    </div>
                                    <div class="li_item">
                                        <div class="item_con">进展1</div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="panel_footer"></div>
                </div>
            </div>
        </div>
    </div>

    <script src="/js/news/jquery-1.9.1.js"></script>
    <script src="/js/planCheck/operationsCockpit_ZDJ/flexible.js"></script>
    <script src="/js/planCheck/operationsCockpit_ZDJ/echarts.min.js"></script>
    <script src="/js/planCheck/operationsCockpit_ZDJ/china.js"></script>
    <script src="/js/planCheck/operationsCockpit_ZDJ/index.js"></script>
    <script>
        var timer = null;
        timer = setTimeout(time, 1000); //開始运行
        function time() {
            clearTimeout(timer); //清除定时器
            dt = new Date();
            var y = dt.getFullYear();
            var mt = aa(dt.getMonth() + 1);
            var day = aa(dt.getDate());
            var h = aa(dt.getHours()); //获取时
            var m = aa(dt.getMinutes()); //获取分
            var s = aa(dt.getSeconds()); //获取秒
            document.querySelector(".show_time").innerHTML =
                "当前时间：" +
                y +
                "年" +
                mt +
                "月" +
                day +
                "日-" +
                h +
                "时" +
                m +
                "分" +
                s +
                "秒";
            timer = setTimeout(time, 1000); //设定定时器，循环运行
        }

        function aa(num) {
            return num > 9 ? num : ('0' + num)
        }
    </script>
</body>

</html>
